<div class="primeng-datatable-container" [busyIf]="isLoading">
  <h5 class="mb-4"><i class="fa fa-cubes"></i> 已绑定工艺规程</h5>
  <div class="m-demo" data-code-preview="true" data-code-html="true" data-code-js="false">
    <div class="m-demo__preview text-center" style="padding: 10px;">
      <div class="row">
        <div class="col-md-4">
          <small class="text-muted">编号</small>
          <h6 style="margin-top: 10px;">{{ boundedTechDoc.codeId }}</h6>
        </div>
        <div class="col-md-4">
          <small class="text-muted">编者</small>
          <h6 style="margin-top: 10px;">{{ boundedTechDoc.editor }}</h6>
        </div>
        <div class="col-md-4">
          <small class="text-muted">时间</small>
          <h6 style="margin-top: 10px;">{{ boundedTechDoc.editTime | momentFormat: 'YYYY-MM-DD' }}</h6>
        </div>
      </div>
    </div>
  </div>
  <div class="form-group">
    <label>选择开始工序</label>
    <select name="startIdx" class="form-control" [(ngModel)]="startIdx">
      <option *ngFor="let proc of procs" [value]="proc.sequenceNumber">{{ proc.sequenceNumber + proc.name }}</option>
    </select>
  </div>
</div>
<div class="row">
  <div class="col-lg-12">
    <button
      type="button"
      [disabled]="startIdx < 1"
      class="btn btn-sm btn-success float-right"
      (click)="save()"
      [buttonBusy]="saving"
      [busyText]="'记录中...'"
    >
      <i class="fa fa-check-circle"></i> <span>记录</span>
    </button>
  </div>
</div>
